.scroll-view {
    /* #ifdef H5 */
    height: calc(100vh - 44px);
    /* #endif */
    /* #ifndef H5 */
    height: 100vh;
    /* #endif */
    background: #eee;
    box-sizing: border-box;
}
.message {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30rpx;
    
    .avatar {
        width: 80rpx;
        height: 80rpx;
        border-radius: 10rpx;
        margin-right: 30rpx;
    }
    .content {
        min-height: 80rpx;
        max-width: 60vw;
        box-sizing: border-box;
        font-size: 28rpx;
        line-height: 1.3;
        padding: 20rpx;
        border-radius: 10rpx;
        background: #fff;
        image {
            width: 200rpx;
        }
    }
    &.self {
        justify-content: flex-end;
        .avatar {
            margin: 0 0 0 30rpx;
        }
        .content {
            position: relative;
            &::after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                border: 16rpx solid transparent;
                border-left: 16rpx solid #fff;
                right: -28rpx;
                top: 24rpx;
            }
        }
    }
    &.friend {
        .content {
            position: relative;
            &::after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                border: 16rpx solid transparent;
                border-right: 16rpx solid #fff;
                left: -28rpx;
                top: 24rpx;
            }
        }
    }
}

.tool {
    position: fixed;
    width: 100%;
    min-height: 120rpx;
    left: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 20rpx 24rpx 20rpx 40rpx;
    padding-bottom: calc(20rpx + constant(safe-area-inset-bottom)/2) !important;
    padding-bottom: calc(20rpx + env(safe-area-inset-bottom)/2) !important;
    .input {
        background: #eee;
        border-radius: 10rpx;
        height: 70rpx;
        margin-right: 30rpx;
        flex: 1;
        padding: 0 20rpx;
        box-sizing: border-box;
        font-size: 28rpx;
    }
    .thumb {
        width: 64rpx;
    }
}